<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    
  </style>
</head>
<body>
  
</body>
<script>

  // var obj = {};
  // console.log(obj);
  
  // // 点语法

  // // 读，查
  // console.log( obj.msg )
  // // 增
  // obj.msg = "hello";
  // // 改
  // obj.msg = "world";
  
  // console.log( obj.msg )
  
  // console.log(obj);
  // // 删
  // delete obj.msg;

  // console.log(obj);


  // var obj = {name:"admin", age:18}
  // console.log(obj.name)
  // console.log(obj.age)
  // obj.age = 20
  // delete obj.name
  // console.log(obj)
  
  // 中括号语法
  // console.log( obj["name"] )
  // console.log( obj["age"] )
  // obj["age"] = 23;
  // delete obj["name"]
  // console.log(obj)


  // var obj = {
  //   name:"admin",
  //   age:18,
  //   sex:"男",
  //   x: 5
  // }

  // var x = "sex";

  // console.log( obj.x );

  // console.log( obj[x] );

  // 点语法不能解析变量属性
  // 中括号语法可以解析变量属性


  // 数组的遍历：获取数组内所有数据
  // 使用循环，配合索引和length
  // 索引范围:0~xx.length-1

  // 对象的遍历

  var obj = {
    name:"admin",
    age:18,
    sex:"男",
    x: 5
  }

  // console.log(obj[0])
  // console.log(obj[1])
  // console.log(obj[2])
  // console.log(obj.length)

  // 专门用来遍历对象的语句：for-in
  for( var i in obj ){
    console.log( i );
    console.log( obj[i] );
  }


  document.querySelector(".box")

  var box = $(".box")


</script>
</html>

